<!DOCTYPE html> 

<html lang="ko"> 
<head> 
<meta charset="utf-8"> 

<title>Resolution Dependent Layout</title>
<link rel="stylesheet" media="screen and (max-width: 670px)" href="../css/narrow.css">
<link rel="stylesheet" media="screen and (min-width: 671px) and (max-width: 850px)" href="../css/medium.css">
<link rel="stylesheet" media="screen and (min-width: 851px)" href="../css/wide.css">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" type="text/css" href="../css/style.css">

<link rel="stylesheet" media="screen and (max-width: 670px)" href="css/style_narrow.css">
<link rel="stylesheet" media="screen and (min-width: 671px) and (max-width: 850px)" href="css/style_medium.css">
<link rel="stylesheet" media="screen and (min-width: 851px)" href="css/style.css">

</head>

<body>

<div id="page-wrap">

	<div id="header">
		<header>
			<table border=0><tr><td><img src="../img/icon.png"></td><td><h1 id="title"><a href="../">HTML5 player</a></h1></td></tr></table>
		</header>
	</div>

	<div id="mainmenu">
		<ul id="navi">
			<li><a id="choose" href="../audio/">음악</a></li>
			<li><a href="../video/">동영상</a></li>
			<li><a href="../gallery/">사진</a></li>
		</ul>
	</div>

	<div id="player">
		<div id="jukebox">
			<div class="info" id="jukebox_info"></div>
			<div class="loader">
				<div class="load-progress">
					<div class="play-progress"></div>
				</div>
			</div>
			<table class="time">
				<tr>
					<td class="curTime"></td>
					<td class="totalTime"></td>
				</tr>
			</table>
			<div class="controls">
				<a class="prev" href="#"><span>Prev</span>
				</a> <a class="play" id="controls_play" href="#"><span>Play</span>
				</a> <a class="stop" href="#"><span>Stop</span>
				</a> <a class="next" href="#"><span>Next</span>
				</a>
				<input id="input" type="hidden">
			</div>
			<audio class="aud" id="jukebox_aud">
				<p>Oops, looks like your browser doesn't support HTML 5 audio.</p>
			</audio>
		</div>
		<div id="playlist_header">
			<input type="file" id="input" size="10" multiple="true" onchange="plistFileSelect(this.files)" />
		</div>
		<iframe id="iframe_play_list" src="playlist.html" name="plistframe" scrolling="yes"></iframe>
	</div>
	
	<div id="library">
		<div id="lib_header">
			<input type="file" id="input" size="10" multiple="true" onchange="filesSelected(this.files)" />
			<div id="lib_title">
				<table>
					<tr height="28">
						<td id="t1">&nbsp;<input type="checkbox" /></td>
						<td id="t2">&nbsp;번호</td>
						<td id="t3">| 파일이름</td>
						<td id="t4">| 형식</td>
						<td id="t5">| 크기</td>
						<td id="t6">| 삭제</td>
						<td id="t7">| 담기</td>
					</tr>
				</table>
			</div>
		</div>
		<iframe id="iframeId" src="library.html" name="libframe" scrolling="yes"></iframe>
	</div>

	<div id="footer">
		<h2>made by Chrome E2G</h2>
	</div>

</div>
        
</body>
</html>
